<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title> 家計簿　</title>
    <script type="text/javascript" src="js/prototype-1.6.0.3.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="js/category.js"></script>
    <link href="css/account.css" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="favicon.ico">
  </head>
<body>
  {% include "_menu.html" %}
  <h3>予約登録　データ編集</h3>
  <form id="account" action="/updateDayReserve" method="post">
    <div>
        <div>
          <span class="title">日</span>
          <select name="day" id="reserve_day">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
            <option value="15">15</option>
            <option value="16">16</option>
            <option value="17">17</option>
            <option value="18">18</option>
            <option value="19">19</option>
            <option value="20">20</option>
            <option value="21">21</option>
            <option value="22">22</option>
            <option value="23">23</option>
            <option value="24">24</option>
            <option value="25">25</option>
            <option value="26">26</option>
            <option value="27">27</option>
            <option value="28">28</option>
            <option value="29">29</option>
            <option value="30">30</option>
            <option value="31">31</option>
          </select>
        </div>
        <div>
           <span class="title" id="items_span"></span>
         </div>
          <div id="price_div">
            <span class="title">費用</span>
            <input type="text" value={{reserve.price}} name="price" id="reserve_price" size="30" style="{ime-mode : disabled}"/>
            <input type="hidden" value={{reserve.key}} name="key" />
            <input type="button" tabindex=-1 value="計算" onclick="calculate();return false;"/>
            <br>
            <span class="mini">+(足す)-(引く)*(掛ける)/(割る)()カッコを使って計算を押すと計算結果に変わります</span>
          </div>
      </div>
    </div>
    <div class="bottom"><span class="title">内容</span>
      <input type="text" size="100" value="{{reserve.content}}" id="reserve_content" name="content" style="vertical-align:top"/>
    </div>
    <input type="submit" value="更新" onclick="return checkData()"/>
    <input type="button" value="キャンセル" onclick="cancelreserve()"/>
  </form>
  <script type="text/javascript">
    var day={{reserve.day}};
    var category="{{reserve.category}}";
    function cancelAccount()
    {
      history.back();
    }
    function calculate()
    {
      if($F('reserve_price').match(/^[\d\.\+\-\*\/()]+$/))
      {
        var result;
        eval("result="+$F('reserve_price'));
        $('reserve_price').value=parseInt(result,10);
      }
      else
      {
        alert("計算式として認識できない文字があります。");
      }
    }
    function checkData()
    {
      if($F("reserve_price")=="")
      {
        alert("費用が入力されていません。");
        return false;
      }
      if($F("reserve_price").match(/\D/))
      {
        alert("費用に数字以外の文字が含まれています");
        return false;
      }
      if(!$F("reserve_content"))
      {
        alert("内容が記載されていません。")
        return false;
      }
      return true;
    }
  var categoryData= null;
  document.observe('dom:loaded',function(){
    categoryData = new CategoryData('items_span',"init",category);
    $('reserve_price').select();
    });
  </script>
</body>
</html>
